Marcadores de posici贸n 路 Bootstrap v5.2 en espa帽ol

Use marcadores de posici贸n de carga para sus componentes o p谩ginas para indicar que algo a煤n se puede estar cargando.

Los marcadores de posici贸n se pueden utilizar para mejorar la experiencia de su aplicaci贸n. Est谩n construidos solo con HTML y CSS, lo que significa que no necesita JavaScript para crearlos. Sin embargo, necesitar谩 JavaScript personalizado para alternar su visibilidad. Su apariencia, color y tama帽o se pueden personalizar f谩cilmente con nuestras clases de utilidad.

En el siguiente ejemplo, tomamos un componente de tarjeta t铆pico y lo recreamos con marcadores de posici贸n aplicados para crear una "tarjeta de carga". El tama帽o y las proporciones son los mismos entre los dos.

Un texto de ejemplo r谩pido para construir sobre el t铆tulo de la tarjeta y componer la mayor parte del contenido de la tarjeta.

Cree marcadores de posici贸n con la .placeholderclase y una clase de columna de cuadr铆cula (p. ej., .col-6) para establecer el width. Pueden reemplazar el texto dentro de un elemento o agregarse como una clase de modificador a un componente existente.

Aplicamos estilo adicional a .btns v铆a ::beforepara garantizar que heightse respete. Puede extender este patr贸n para otras situaciones seg煤n sea necesario, o agregar un ;dentro del elemento para reflejar la altura cuando el texto real se represente en su lugar.

Puede cambiar las widthclases de columnas de cuadr铆cula, las utilidades de ancho o los estilos en l铆nea.

Por defecto, los placeholderusos currentColor. Esto se puede anular con un color personalizado o una clase de utilidad.

El tama帽o de .placeholders se basa en el estilo tipogr谩fico del elemento principal. Personal铆celos con modificadores de tama帽o: .placeholder-lg, .placeholder-smo .placeholder-xs.

Anime marcadores de posici贸n con .placeholder-glowo .placeholder-wavepara transmitir mejor la percepci贸n de que algo se est谩 cargando activamente .